<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="js/layui/css/layui.css" media="all">
		<title>智慧巴士-订单第一步</title>
		<style>
			.layui-container {
				margin-top: 10px;
				height: 40px;
				line-height: 40px;
			}

			.title {
				text-align: center;
				background-color: #009F95;
			}

			.null {
				color: #fff;
			}

			.layui-card-header {
				background-color: #E4E4E4;
			}

			.layui-input{
				height: 200px;
				text-align: center;
				font-size: 15pt;
			}
		</style>
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-row" style="margin-bottom: 10px;">
				<div class="layui-col-xs1 null">
					1
				</div>
				<div class="layui-col-xs10">
					<button type="button" id="prev-btn" class="layui-btn layui-btn-sm layui-btn-primary">
						<i class="layui-icon layui-icon-left">返回</i>
					</button>
				</div>
				<div class="layui-col-xs1 null">
					1
				</div>
			</div>
			<div class="layui-row">
				<div class="layui-col-xs1 null">
					1
				</div>
				<div class="layui-col-xs10 title">
					选择时间
				</div>
				<div class="layui-col-xs1 null">
					1
				</div>
			</div>

			<div class="layui-row">
				<div class="layui-col-xs1 null">
					<span class="bus-id">1</span>
				</div>
				<div class="layui-col-xs10 bus-map">
					<div class="layui-card">
						<div class="layui-card-header">乘车日期</div>
						<div class="layui-card-body">
							<input type="text" class="layui-input" id="date">
						</div>
					</div>
				</div>
				<div class="layui-col-xs1 null">
					1
				</div>
			</div>
			<div class="layui-row" style="margin-top: 10px;">
				<div class="layui-col-xs1 null">
					1
				</div>
				<div class="layui-col-xs10" style="text-align: center;">
					<button type="button" id="next-btn" class="layui-btn" style="width: 60%;">下一步</button>
				</div>
				<div class="layui-col-xs1 null">
					1
				</div>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/layui/layui.js"></script>
		<script src="js/layer/layer.js"></script>
		<script src="js/common.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<!-- <script type="text/javascript" src="js/LuShu_min.js"></script> -->

		<script type="text/javascript">
			

			$(function() {

				$("#prev-btn").on("click", function() {
					window.location.href = "bus-list.html";
				});

				$("#next-btn").on("click", function() {

					var busOrder = {};
					busOrder.busId = localStorage.getItem("busId");
					busOrder.date = $("#date").val();
					busOrder.location = {};
					busOrder.userInfoArr=[];
					localStorage.setItem("busOrder",JSON.stringify(busOrder));

					layer.msg("下一步");
					window.location.href = "bus-order2.html";
				});

				layui.use('laydate', function(){
					var laydate = layui.laydate;

					//执行一个laydate实例
					laydate.render({
						elem: '#date' //指定元素
					});
				});
			})
		</script>
	</body>
</html>
